<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <b:skin><![CDATA[/*

/*-----------------------------------------------

Name         :  e-Business Card
Designer     :  Franklin Manuel
URL          :  http://www.bloggermint.com

e-Business Card blogger template comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and 
you can make changes to the templates to suit your needs. 
but please you must keep the footer credit links intact which 
provides credit to its author.

-----------------------------------------------*/

#navbar-iframe {
height:0;
visibility:hidden;
display:none;
}

html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baselinebaseline;
}

body {
    color: #333333;
    font-family: Arial, sans-serif;
    }

#bg {
    background: url("http://3.bp.blogspot.com/_ubwIhqPcR6M/TUWVwP6ddkI/AAAAAAAABI4/VmpTLrfmVkc/s1600/business+card1.jpg") no-repeat scroll center -50px #FFFFFF;
    left: -110px;
    margin: 0 auto;
    min-height: 750px;
    position: relative;
    margin-top:-50px;
}

a:link, a:visited {
color:#00688B;
text-decoration:none;
}

a:hover {
color:#009ACD;
text-decoration:underline;
}

a img {
border-width:0;
}


/* wrappers
-----------------------------------------------------------------------------------*/

#outer-wrapper {
width:990px;
margin:0 auto;
text-align:left;
font-size:13px;
}

#content-wrapper {
    margin-left: 470px;
}

#main-wrapper {
padding:30px;
width:540px;
float:left;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */
}

#authorbox {
   color: #444444;
    float: left;
    margin-left: 37px;
    padding: 20px;
    width: 450px;
        margin-top: 155px;
}

.authorimg {
    float:left;
       
}

.authorinfo {
    float:right;
    width: 300px;
}

.name h3 {
    font-size:35px;
    font-weight:bold;
    line-height:36px;
    margin:0;
}

.location h4 {
    font-size: 13px;
    line-height: 22px;
    padding: 0;
    margin:0;
}

.bio {
    color: #777777;
    float: left;
    font-family: Georgia,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin: 5px 0;
}

.web {
    float: left;
    margin: 5px 0;
    width: 100%;
}

.mail {
    float: left;
    width: 100%;
}

.socials {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    margin-top: 10px;
    padding: 8px 0 4px 30px;
    width: 420px;
}

.socials ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.socials ul li {
    float: left;
    height: 32px;
    margin-right: 5px;
    width: 130px;
}

.socials ul li img {
float:left;
}

.socials ul li a {
    color: #333333;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 6px;
}

.tweets {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background: url("http://3.bp.blogspot.com/_b8IA1ajBJG8/TUWUMYMSHKI/AAAAAAAAB5o/h14rLkpFq6g/s1600/twitter_standing.png") no-repeat scroll 1px -12px #EBF5F9;
    border: 1px solid #B1D7E7;
    clear: both;
    float: left;
    margin-top: 3px;
    padding: 10px 10px 10px 50px;
    width: 390px;
    height:48px;
}

.tweets ul {
list-style:none;
margin:0;
padding:0;
}

/*footer-wrapper
-----------------------------------------------------------------------------------*/
#footer-wrapper {
    clear: both;
    font-size: 11px;
    height: 35px;
    margin: 300px 30px 0 340px;
    width: 750px;
}

.fleft {
float:left;
}

.fright {
float:right;
}

#footer-wrapper a {
}

#footer-wrapper a:hover {
}


]]></b:skin>
  </head>

  <body>
    <div id='bg'>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    	
      <div class='clear'/>

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

      <div id='authorbox'>
<div class='authorimg'>
     <img src='http://3.bp.blogspot.com/_ubwIhqPcR6M/TUWWTOU81CI/AAAAAAAABI8/mWQbhk1iClc/s1600/frank+default.jpg'/>
</div>
<div class='authorinfo'>
     <span class='name'><h3>Franklin Manuel</h3></span>
          <span class='bio'>I am a web designer and front-end web developers. Loves iPhone hacking.</span>
     <span class='web'><b>Web : </b><a href='http://www.bloggermint.com'>www.bloggermint.com</a></span>
     <span class='mail'><b>Mail : </b><a href='mailto:bloggermint@gmail.com'>bloggermint@gmail.com</a></span>
</div>
  <div class='socials'>
      <ul>
      <li><img src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TUWUKn-HWWI/AAAAAAAAB5Q/LQ6Jx6xKmH4/s1600/facebook.png'/><a href='http://www.facebook.com/franklin.lawrence'>Facebook</a></li>
      <li><img src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TUWULifkzoI/AAAAAAAAB5g/w9VT38dst4Y/s1600/twitter.png'/><a href='http://twitter.com/bloggermint'>Twitter</a></li>
      <li><img src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TUWUKbwn8WI/AAAAAAAAB5I/aGX4TO7eNl4/s1600/myspace.png'/><a href='#'>MySpace</a></li>
       </ul>
  </div>
  <div class='tweets'>
     <ul id='twitter_update_list'>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='https://api.twitter.com/1/statuses/user_timeline/bloggermint.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
     </ul>
 </div>

</div>

      
         
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->


       <div id='footer-wrapper'>
        <span class='fleft'>
&#169; 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. <a href='http://bloggertemplateshub.com' target='_blank'>Blogger Templates</a> by <a href='http://www.bloggermint.com' target='_blank'>Bloggermint</a>.
</span>

<span class='fright'>
Sponsored by : <a href='http://www.friendlydogwalkers.com/' target='_blank'>Dog Walkers</a>, <a href='http://www.localbartendingjobs.com/florida-bartending-jobs' target='_blank'>Florida Bartending Jobs</a>, <a href='http://www.localhospitaljobs.com/california-hospital-jobs' target='_blank'>California Hospital Jobs</a>
</span>
          </div>



</div></div> <!-- end outer-wrapper -->
</div><!-- bg -->
</body>
</html>